:global {
    .tabDiv .tab_title .vleft,
    .tabDiv .tab_title .vright,
    .tabDiv .tab_title .u {
        float: left;
        width: 20px;
        height: 28px;
        line-height: 25px;
    }
    .tabDiv {
        width: 100%;
        height: 100%;
        position: relative;
        .tab_title {
            width: 100%;
            height: 28px;
            left: 0;
            top: 0;
            clear: both;
            position: relative;
            background: url(/images/tabline.png) bottom repeat-x #FFF;
            .vleft {
                top: 0;
                left: 0;
                padding-left: 5px;
                background: url(/images/tabs_leftarrow.png) center no-repeat #FFF;
                border: 1px solid #d7d7d7;
                height: 26px;
                border-width: 1px 1px 0 1px;
            }
            ul {
                margin: 0 5px;
                position: absolute;
                float: left;
                width: 5000px;
            }
            .vright {
                top: 0;
                right: 0;
                position: absolute;
                margin-left: 2px;
                background: url(/images/tabs_rightarrow.png) center no-repeat #FFF;
                border: 1px solid #d7d7d7;
                height: 26px;
                border-width: 1px 0 0 1px;
                padding-left: 5px;
            }
        }
        .mainPage {
            position: absolute;
            top: 28px;
            bottom: 0;
            padding: 0px;
            width: 100%;
            overflow: hidden;
        }
    }
    .topTab {
        width: 97%;
        overflow: hidden;
        position: relative;
        float: left;
        height: 28px;
        .normal {
            background: #FFF;
            border: 1px solid #c7cedb;
            border-width: 0 1px 1px 1px;
            border-top: 2px solid #6cbe4a;
            color: #999;
        }
        .select,
        .normal:hover {
            background: #eaedef;
            border: 1px solid #c7cedb;
            border-width: 0 1px 1px 1px;
            border-top: 2px solid #1c7efb;
            border-bottom: 1px solid #eaedef;
        }
        ul li {
            float: left;
            margin-right: 10px;
            line-height: 25px;
            padding: 0 10px;
            cursor: pointer;
        }
        .tabClose {
            font-size: 1px;
            display: block;
            padding: 0;
            width: 20px;
            height: 25px;
            background: url(/images/closeN.png) no-repeat center right;
            float: left;
            &:hover {
                font-size: 1px;
                display: block;
                padding: 0;
                width: 20px;
                height: 25px;
                background: url(/images/closeS.png) no-repeat center right;
                float: left;
            }
        }
    }
    .tabActionArea {
        background: url(/images/topTabDownArrow.png) center no-repeat #888;
        height: 27px;
        width: 23px;
        float: left;
    }
    .downArrow {
        top: 0;
        right: 21px;
        float: left;
        position: absolute;
        .downArrowContent {
            background: #FFF;
            position: absolute;
            z-index: 100;
            box-shadow: 0 2px 4px rgba(0, 0, 0, .4);
            right: 0;
            margin: 25px 0 0 -10px;
            display: none;
        }
        .downArrowIcon {
            background: url(/images/downArrow.png);
            width: 23px;
            height: 27px;
            float: left;
        }
        .downArrowContent {
            background: #FFF;
            position: absolute;
            z-index: 100;
            box-shadow: 0 2px 4px rgba(0, 0, 0, .4);
            margin: 25px 0 0 -10px;
            display: none;
            white-space: nowrap;
            border: 1px solid #eeeeee;
        }
        .downArrowContent span {
            clear: both;
            float: left;
            border-bottom: 1px solid #EEE;
            padding: 3px 10px;
            width: 80px;
        }
        .downArrowContent span:hover {
            background: #F8F8F8;
            cursor: pointer;
        }
        &:hover .downArrowContent {
            display: block;
        }
    }
}